<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <div class="book">
        <!-- 右边 -->
        <div class="book-cover">

        </div>
        <!-- 左边 -->
        <div class="front-cover">
            <div class="page front flip">
                <p>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam fermentum nisl 
                    quis nulla eleifend dignissim.Curabitur varius lobortis tincidunt. Maece
                    nas gravida, nulla quis luctus imperdiet, ipsum nibh consectetur ante, in s
                    odales massa tortor eget neque. Donec porta ligula massa, id sagittis est. Ut
                    nisl tellus, faucibus necfeugiat ut, laoreet iaculis felis. Suspendisse ult
                    rices mauris vel tellus suscipit commodo. Integer vitae tortor erat.
                     Pellentesque non tempor nisi.
                </p>
            </div>
            <div class="page back"></div>
        </div>
    </div>
</body>
</html>